<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="../res/layui/css/layui.css">
  <link rel="stylesheet" href="../res/static/css/index.css">
</head>

<body>
  <!-- nav部分 -->
  <div class="nav">
    <div class="layui-container">
      <!-- 公司logo -->
      <div class="nav-logo">
        <a href="index.html">
          <img src="../res/static/img/logo.png" alt="网站名称">
        </a>
      </div>
      <div class="nav-list">
        <button>
          <span></span><span></span><span></span>
        </button>
        <ul class="layui-nav" lay-filter="">
          <li class="layui-nav-item"><a href="index.html">首页</a></li>
          <li class="layui-nav-item"><a href="about.html">关于我们</a></li>
          <li class="layui-nav-item"><a href="product.html">我们的服务</a></li>
          <li class="layui-nav-item"><a href="case.html">活动</a></li>
          <li class="layui-nav-item"><a href="news.html">媒体报道</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- banner部分 -->
  <div>
    <div class="layui-carousel" id="banner">
      <div carousel-item>
        <div>
          <img src="../res/static/img/banner1.jpg">
          <div class="panel" style="display: none">
            <p class="title">文字文字</p>
            <p>文字文字文字</p>
          </div>
        </div>
        <div>
          <img src="../res/static/img/banner2.jpg">
        </div>
        <div>
          <img src="../res/static/img/banner3.jpg">
        </div>
      </div>
    </div>
  </div>
  <!-- main部分 -->
  <div class="main-product">
    <div class="layui-container" style="overflow:hidden;">
      <div class="layui-col-sm4"></div>
      <div class="layui-col-sm6">


      </div>
    </div>
    <div class="layui-container">
      <p class="title"><span>爱芬环保</span>致力于推动城市垃圾分类进程</p>
      <div class="layui-row layui-col-space25">
        <div class="layui-col-sm6 layui-col-md3">
          <div class="content">
            <img src="../res/static/img/af.png" style="width: 68%; height: auto;">
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="../res/static/img/Big_icon2.png"></div>
            <div>
              <p class="label">爱芬环保扎根社区8年</p>
            </div>
            <a href="javascript:;">查看详情 ></a>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="../res/static/img/Big_icon3.png"></div>
            <div>
              <p class="label">累积推动309个社区</p>
            </div>
            <a href="javascript:;">查看详情 ></a>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md3 ">
          <div class="content">
            <div><img src="../res/static/img/Big_icon4.png"></div>
            <div>
              <p class="label">覆盖超过18万户居民</p>
            </div>
            <a href="javascript:;">查看详情 ></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="main-service">
    <div class="layui-container">
      <p class="title">爱芬实践成果总结<span>三期十步法</span></p>
      <div class="layui-row layui-col-space25 layui-col-space80">
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="../res/static/img/home_img1.jpg"></div>
            <div class="content-right">
              <p class="label">爱芬模式三期十步法介绍</p>
              <span></span>
              <p>爱芬环保的“三期十步法”，详细列明了从零开始社区垃圾分类的步骤，以及每一步需要做的工作，方便我们提前去思考可能遇到的困难，以及应对的解决办法。</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="../res/static/img/home_img2.jpg"></div>
            <div class="content-right">
              <p class="label">三期十步法实施</p>
              <span></span>
              <p>“三期十步法”是指导入期（社区调研、工作小组、宣传动员、硬件调整、人员培训、绿色账户）、执行期（正式启动、值班督促、社区激励）、维持期（总结评估、制度建设）。</p>
            </div>
          </div>
        </div>
      </div>
      <div class="service-more"><a href="">查看更多</a></div>
    </div>
  </div>
  <!-- footer部分 -->
  <div class="footer">
    <div class="layui-container">
      <p class="footer-web">
        <a href="javascript:;">友情链接</a>
        <a href="javascript:;">码上公益</a>
        <a href="javascript:;">码上公益</a>
        <a href="javascript:;">码上公益</a>
        <a href="javascript:;">码上公益</a>
        <a href="javascript:;">码上公益</a>
        <a href="javascript:;">码上公益</a>
      </p>
      <div class="layui-row footer-contact">
        <div class="layui-col-sm2 layui-col-lg1"><img src="../res/static/img/erweima.jpg"></div>
        <div class="layui-col-sm10 layui-col-lg11">
          <div class="layui-row">
            <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
              <p class="contact-top"><i
                  class="layui-icon layui-icon-cellphone"></i>&nbsp;400-8888888&nbsp;&nbsp;(9:00-18:00)</p>
              <p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;88888888@163.com</span></p>
            </div>
            <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
              <p class="contact-top"><span class="right">该网站版权归 <a href="#" target="_blank">爱芬环保</a> 所有</span></p>
              <p class="contact-bottom"><span
                  class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../res/layui/layui.js"></script>
  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <script>
    layui.config({
      base: '../res/static/js/'
    }).use('firm'); 
  </script>
</body>

</html>